$(function(){
    let imgid,lastid;
     $.ajax({
         url:"http://chst.vip:1234/api/getcouponproduct",
         type:"get",
         data:{
            couponid:qr.couponid  
        },
        success(res){
             let html=""
             let {result}=res
            // console.log(result)
            result.forEach((item,index,array)=>{
                html+=`
                    <li imgid=${item.couponProductId}>
                        ${item.couponProductImg}
                        <div class="price">
                        <b>${item.couponProductName}</b>
                        <p id="price">${item.couponProductPrice}</p>
                        <p id="text">${item.couponProductTime}</p>
                        </div>
                    </li>
                `
            })
            $("ul").html(html)
            lastid=$("main ul li:last-child").attr("imgid");
            $("main ul li").click(function(){
                imgid=$(this).attr("imgid")
                $(".mask").animate({top:0},500)
                insertimg(imgid)
                $(".images").animate({left:imgid*-5.333333+"rem"},0)
            })
        },
       error(err){
           console.log(err)
        }
     })
     $(".close").click(function(){
        console.log("关闭")
        $(".mask").animate({top:"-100%"},500)
     })

    function insertimg(imgid){
        $.ajax({
            url:"http://chst.vip:1234/api/getcouponproduct",
            type:"get",
            data:{
                couponid:qr.couponid  
            },
            success(res){
                let html=""
                let {result}=res
                result.forEach((item,index,array)=>{
                    html+=item.couponProductImg
                })
                $(".images").html(html)
                
            },
            error(err){
                console.log(err)
            }
        })
    }
    $(".up").click(function(){
        if(imgid==0){
            alert("已经是第一页啦")
            return
        }
        imgid--
        $(".images").stop().animate({left:imgid*-5.333333+"rem"},500)
    })
    $(".down").click(function(){
        if(imgid==lastid){
            alert("已经是最后一页啦")
            return
        }
        imgid++
        $(".images").stop().animate({left:imgid*-5.333333+"rem"},500)
    })
})